<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta http-equiv="Content-Type" content="text/html">

  <title>大理古城_响应式旅游旅行社类网站 模板(自适应移动端)</title>
  <meta name="keywords" content="">
  <meta name="description" content="始建于唐、宋（南诏、大理国）时期的崇圣寺三塔可谓千古奇观，距今有一千多年的历史，为崇圣寺五大重器之首，前一后二，呈等腰三角形排列。大塔居前，又名千寻塔，全称法界通">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <link th:href="@{css2/bootstrap.min.css}" rel="stylesheet">
  <link th:href="@{css/swiper-3.3.1.min.css}" rel="stylesheet">
  <link th:href="@{css/animate.css}" rel="stylesheet">
  <link th:href="@{css/style.css}" rel="stylesheet">



  <link th:href="@{css3/bootstrap.css}" rel="stylesheet">
  <link th:href="@{css3/style.css}" rel="stylesheet">
  <link th:href="@{css3/responsive.css}" rel="stylesheet">
  <!--Color Switcher Mockup-->
  <link th:href="@{css3/color-switcher-design.css}" rel="stylesheet">

  <!--Color Themes-->
  <link id="theme-color-file" th:href="@{css3/color-themes/default-theme.css}" rel="stylesheet">

  <link rel="shortcut icon" th:href="@{images2/favicon.png}" type="image/x-icon">
  <link rel="icon" th:href="@{images2/favicon.png}" type="image/x-icon">




  <!--[if lt IE 9]>
  <script src="../../../../static/js/html5shiv.min.js"></script>
  <script src="../../../../static/js/respond.min.js"></script>
  <![endif]-->
  <script th:src="@{js/jquery-1.11.3.js}" type="text/javascript"></script>
  <script th:src="@{js/touchslide.1.1.js}"></script>
  <script th:src="@{js/jquery.superslide.2.1.1.js}" type="text/javascript"></script>
  <script th:src="@{js/swiper-3.3.1.jquery.min.js}" type="text/javascript"></script>
  <script th:src="@{js/bootstrap.min.js}" type="text/javascript"></script>
  <script th:src="@{js/wow.min.js}" type="text/javascript"></script>
  <script th:src="@{js/funtion.js}" type="text/javascript"></script>
</head>
<body data-spy="scroll"> <div id="header" class="head visible-lg visible-md">-->
  <!--    <div class="container-fluid">-->
  <!--      <div class="logo wow fadeInLeft col-md-3"><a href="../13097.html"><img th:src="@{picture/logo.png}"></a></div>-->
  <!--      <div class="col-md-9" style="height: 56px;">-->
  <!--        <div class="search col-md-3 wow fadeInRight" style="float: right;">-->
  <!--          <form name="formsearch" action="/plus/search.php">-->
  <!--            <input type="hidden" name="kwtype" value="0">-->
  <!--            <input class="txt1" type="text" name="q" placeholder="请输入关键字">-->
  <!--            <input class="btn1" type="submit" value="">-->
  <!--          </form>-->
  <!--        </div>-->
  <!--        <div class="col-md-9 nav wow fadeInDown navbar-nav nav_box" style="float: right; text-align: right;">-->
  <!--          <div class="yiji current"><a href="../13097.html">首页</a></div>-->
  <!--          <div class="yiji"><a href="a/guanyuwomen/Index.html"><em>关于我们</em></a>-->
  <!--            <div style="display:none">-->
  <!--            </div>-->
  <!--          </div><div class="yiji"><a th:href="@{/tourlist}"><em>旅游景点列表</em></a>-->
  <!--          <div class="libox">-->
  <!--            <a th:href="@{/hottourlist}"><em>热门景点</em></a>  </div>-->
  <!--        </div><div class="yiji"><a th:href="@{/querytourbyusername}"><em>我的旅程</em></a>-->
  <!--          <div style="display:none">-->
  <!--          </div>-->
  <!--        </div><div class="yiji"><a th:href="@{/gukebancilist}"><em>我的行程</em></a>-->
  <!--          <div class="libox">-->
  <!--            <a th:href="@{/toqiangpiao}"><em>抢票记录</em></a>    </div>-->
  <!--        </div><div class="yiji"><a th:href="@{/tologin}" ><em>登录</em></a>-->
  <!--          <div class="libox">-->
  <!--            <a th:href="@{/admin}"><em>管理员模式</em></a>    </div>-->
  <!--          <div style="display:none">-->
  <!--          </div>-->
  <!--        </div> </div>-->
  <!--      </div>-->
  <!--    </div>-->
  <!--  </div>
  <div id="wrap_index"> <!-- 侧边导航 -->


  <div class="opacity2"></div>
<!-- -->
  <div id="molheader" class="visible-sm visible-xs">
    <div class="logomol"><a href="../../../../13097.html"><img th:src="@{picture/logo.png}"></a></div>
    <div class="mol_navbutton"><img th:src="@{picture/menu.png}"></div>
  </div>

  <!-- pcbanner -->
  <div id="myCarousel1" class="carousel slide visible-md visible-lg">
    <div class="carousel-inner">
      <div class="item active"> <a><img th:src="@{picture/b.jpg}"><em></em></a> </div>
    </div>
  </div>


  <div class="inner_main">
    <div class="ny_cont">
      <div class="nyttweizhi">
        <div class="nytitle agdollar wow fadeInLeft">
          <h2>热门目的地</h2>
          <p>DESTINATIONS</p>
        </div>
        <div class="weizhi visible-md visible-lg"><a th:href="@{/}">主页</a> > <a href='../Index.html'>热门目的地</a> > <a href='Index.html' th:text="${tourdetaiil.getTourcity()}"></a> > </div>
        <a href="javascript:;" class="classfiy visible-sm visible-xs">分类 +</a> </div>
      <div class="navs">
        <ul class="mtree transit">
          <li><a href='Index.html' class='thisclass'>云南<em></em></a></li>
          <li><a href='../sichuan/Index.html'>四川<em></em></a></li>

          <li><a href='../fujian/Index.html'>福建<em></em></a></li>

        </ul>
      </div>
      <div class="wrap_page wrap_page1">
        <div class="page_content page_content1">
          <div class="newsdet1 prodetailwrap">
            <div class="clearfix prodw">
              <div class="prodetail_gd col-md-6 col-xs-12 col-sm-12">
                <div class="swiper-container gallery-top">
                  <div class="swiper-wrapper"> <div class="swiper-slide proimg"><img th:src="${tourdetaiil.getTourimg1()}"></div><div class="swiper-slide proimg"><img th:src="${tourdetaiil.getTourimg2()}"></div> </div>
                  <div class="swiper-button-next swiper-button-white"></div>
                  <div class="swiper-button-prev swiper-button-white"></div>
                </div>
                <div class="swiper-container gallery-thumbs">
                  <div class="swiper-wrapper"> <div class="swiper-slide">
                    <div class="pimg"><img th:src="${tourdetaiil.getTourimg1()}"><em></em></div>
                  </div><div class="swiper-slide">
                    <div class="pimg"><img th:src="${tourdetaiil.getTourimg2()}"><em></em></div>
                  </div> </div>
                </div>
                <!-- Add Arrows -->

              </div>
              <div class="prodetail_nr col-md-6 col-xs-12 col-sm-12">
                <div class="scroll_dt">
                  <h2 class="title" th:text="${tourdetaiil.getTourname()}"></h2>
                  <div class="info">
                  </div>
                  <div class="price"> <em></em><span>￥<i th:text="${tourdetaiil.getTourmoney()}"></i>起/人</span> </div>
                  <div class="order"><a th:href="@{/buytour(tourid=${tourdetaiil.getTourid()})}" class="buy">天猫购买</a><em><i th:text="${tourdetaiil.getTourphone()}"></i></em></div>
                </div>
              </div>
            </div>
            <script type="text/javascript">
              var galleryTop = new Swiper('.gallery-top', {
                nextButton: '.gallery-top .swiper-button-next',
                prevButton: '.gallery-top .swiper-button-prev',
                spaceBetween: 10,
              });
              var galleryThumbs = new Swiper('.gallery-thumbs', {
                spaceBetween: 10,
                centeredSlides: true,
                // slidesPerView: 'auto',
                slidesPerView : 3,
                touchRatio: 0.1,
                slideTo:0,
                slideToClickedSlide: true
              });
              galleryThumbs.slideTo(1, 1000, false);
              galleryTop.params.control = galleryThumbs;
              galleryThumbs.params.control = galleryTop;
            </script>
          </div>
          <div class="ny_content ny_content1">
            <div id="tabBox1" class="tabBox">
              <div class="hd">
                <ul>
                  <li><a href="javascript:void(0)">景点背景</a></li>
                  <li><a href="javascript:void(0)">行程攻略</a></li>
                  <li><a href="javascript:void(0)">预定须知</a></li>
                  <li><a href="javascript:void(0)">旅行时间 </a></li>
                </ul>
              </div>
              <div class="bd" id="tabBox1-bd"><!-- 添加id，js用到 -->
                <div class="con"><!-- 高度自适应需添加外层 -->
                  <ul>
                    <p th:text="${tourdetaiil.getTourbackground()}"></p>
                  </ul>
                </div>
                <div class="con"><!-- 高度自适应需添加外层 -->
                  <ul>
                    <p th:text="${tourdetaiil.getTourstrategy()}"></p>
                  </ul>
                </div>
                <div class="con"><!-- 高度自适应需添加外层 -->
                  <ul>
                    <p th:text="${tourdetaiil.getTournotice()}"><p>
                  </ul>
                </div>
                <div class="con"><!-- 高度自适应需添加外层 -->
                  <ul>
                    <p th:text="${tourdetaiil.getTourday()}"></p>
                  </ul>
                </div>
              </div>
            </div>
          </div>

















          <div class="sidebar-page-container">
            <div class="auto-container">
              <div class="property-info-box">


              </div>

              <div class="row clearfix">
                <!--Content Side-->
                <div class="content-side col-lg-8 col-md-12 col-sm-12">
                  <div class="property-detail">


                     Review Box
                    <div class="review-area" th:each="Comments:${commentlist}">
                      <!--Reviews Container-->
                      <div class="reviews-container">
                        <h3>客户评论</h3>
                        <!--Reviews-->
                        <article class="review-box">
                          <div class="thumb-box">
                            <figure class="thumb"><img src="images/icons/empty.png" th:data-src="${Comments.getUserimg()}" alt=""></figure>
                            <a th:href="@{/deletecomment(username=${Comments.getUsername()},ctime=${Comments.getCtime()},tourid=${Comments.getTourid()})}" class="reply-btn">删除</a>
                          </div>
                          <div class="content-box">
                            <div class="name" th:text="${Comments.getUsername()}"></div>
                            <span class="date"><i class="fa fa-calendar-alt" th:text="${Comments.getCtime()}"></i></span>
                            <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span></div>
                            <div class="text" th:text="${Comments.getNeiyong()}"></div>
                          </div>
                        </article>




                      </div>
                    </div>

                    <!-- Review Comment Form -->
                    <div class="review-comment-form">
                      <h3>留下评论</h3>
                      <form method="post" th:action="@{/addComment(tourid=${tourdetaiil.getTourid()})}">
                        <div class="row">
                          <div class="form-group col-lg-12 col-md-12 col-sm-12">
                            <textarea name="neiyong" placeholder="留下你的评论把"></textarea>
                          </div>
                          <div class="form-group col-lg-6 col-md-6 col-sm-6">
                            <div class="rating-box">
                              <div class="text"> Your Rating:</div>
                              <div class="rating"><a href="#"><span class="far fa-star"></span></a><a href="#"><span class="far fa-star"></span></a><a href="#"><span class="far fa-star"></span></a><a href="#"><span class="far fa-star"></span></a><a href="#"><span class="far fa-star"></span></a>
                              </div>
                            </div>
                          </div>

                          <div class="form-group col-lg-6 col-md-6 col-sm-6 text-right">
                            <button class="theme-btn btn-style-one" type="submit" name="submit-form"><span class="btn-title">提交</span>
                            </button>
                          </div>
                        </div>
                      </form>
                    </div>
                  </div>
                </div>

                <!--Sidebar Side-->

              </div>
            </div>
          </div>









































































































































          <div class="hotaren" >
            <div class="title">热门目的地<a th:href="@{/hottourlist}">查看更多</a></div>
            <ul class="clearfix" >
              <li class="col-md-3 col-sm-6 col-xs-12" th:each="tourlist1:${tourlist}"> <a th:href="@{tourdetail(tourid=${tourlist1.getTourid()})}"> <i><img th:src="${tourlist1.getTourimg1()}"></i>
                <h2 th:text="${tourlist1.getTourplace()}"></h2>
                <p th:text="${tourlist1.getTourname()}"></p>
              </a> </li>

            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="footbg clearfix">
    <div class="footwrap col-md-11">
      <div class="logofriendly clearfix">
        <div class="footlogo col-sm-12 col-xs-12 col-md-2 block" data-move-x="-100px" style="opacity: 0; transform: translateX(-100px);"><img th:src="@{picture/logo.png}"></div>
        <div class="footnav col-sm-12 col-xs-12 col-md-8 block" data-move-x="-100px" style="opacity: 0; transform: translateX(-100px);">友情链接：        </div>
      </div>
      <div class="copyright clearfix">
        <p class="p1">Copyright &copy; 2020 某某旅游有限公司 版权所有
        </p>
        <!--<p class="p2">技术支持：<a href="http://www.dede58.cn/"> 58</a></p>-->
      </div>
    </div>
    <div class="winxin col-md-1 visible-lg visible-md"> <i><img th:src="@{picture/weixin.png}"></i>
      <h2></h2>
    </div>
  </div>
</div>





<script th:src="@{js1/jquery.js}"></script>
<script th:src="@{js1/popper.min.js}"></script>
<script th:src="@{js1/bootstrap.min.js}"></script>
<script th:src="@{js1/jquery-ui.js}"></script>
<script th:src="@{js1/jquery.fancybox.js}"></script>
<script th:src="@{js1/jquery.stellar.min.js}"></script>
<script th:src="@{js1/owl.js}"></script>
<script th:src="@{js1/wow.js}"></script>
<script th:src="@{js1/mixitup.js}"></script>
<script th:src="@{js1/appear.js}"></script>
<script th:src="@{js1/script.js}"></script>
<!-- Color Setting -->
<script th:src="@{js1/color-settings.js}"></script>
<!--Google Map APi Key-->
<!--<script th:src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDeEODj4mnpmSCoPcBVOIPzzHXRZLHHd3Q"></script>-->
<script th:src="@{js1/map-script.js}"></script>












</body>
</html>